<div class="flex space-x-2">
  <div class="badge badge-success">• LIVE</div>
  <div class="text-sm text-gray-500">
    Updated at: <%= Time.now.strftime("%H:%M:%S") %>
  </div>
</div>
<% if pods.empty? %>
  <div>
    <p class="text-gray-500">No metrics available</p>
  </div>
<% else %>
  <table class="table mt-2 rounded-box" id="order_table" data-component="table">
    <thead>
      <tr>
        <th>
          <span class="text-sm font-medium text-base-content/80">Pod Name</span>
        </th>
        <th>
          <span class="text-sm font-medium text-base-content/80">CPU</span>
        </th>
        <th>
          <span class="text-sm font-medium text-base-content/80">
            Memory
          </span>
        </th>
      </tr>
    </thead>
    <tbody>
      <% pods.each do |pod| %>
      <tr class="cursor-pointer hover:bg-base-200/40">
        <td>
          <div class="flex items-center space-x-3 truncate">
            <div class="font-medium">
              <%= pod.name %>
            </div>
          </div>
        </td>
        <td>
          <div class="font-medium">
            <%= integer_to_compute(pod.cpu) %> 
          </div>
        </td>
        <td>
          <div class="font-medium">
            <%= integer_to_memory(pod.memory) %>
          </div>
        </td>
      </tr>
      <% end %>
    </tbody>
  </table>
<% end %>